<template>
  <div id="roule">
    <h4 class="title">
      {{ show.title }}
    </h4>
    <div class="msg">
      {{ show.msg }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: {
        title: "",
        msg: "",
      },
      car: {
        title: "汽车券的使用规则",
        msg: "信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容",
      },
      water: {
        title: "格桑泉券使用规则",
        msg: "信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容 信息内容信息内容信息内容信息内容信息内容",
      },
    };
  },
  created() {
    if (this.$route.query.id == 1) {
      this.show = this.car;
    } else {
      this.show = this.water;
    }
  },
};
</script>

<style lang="scss" scoped>
#roule {
    padding: .3rem;
}
.title {
    margin: .2rem 0;
}
.msg {
    font-size: .4rem;
    color: #000;
}
</style>